<extend name="work/base" />
<block name="content">

    <table class="layui-table text-center" id="list" lay-filter="list" lay-data="{url:'{:url('lists')}',page:false,limit:20,toolbar: '#toolbarDemo',defaultToolbar: ['filter', 'exports', 'print']}"
           list-url="{:url('lists')}"
           edit-url="{:url('add')}"
           del-url="{:url('delete')}">
        <thead>
        <tr>
            <th lay-data="{fixed:'left', field: 'c1',fixed:'left'}" rowspan="4"></th>
            <th lay-data="{ width:150}" colspan="7">当日入境人员情况</th>
            <th lay-data="{align:'center'}" colspan="11">正在隔离人数（不含当日新增）</th>
            <th lay-data="{align:'center'}" colspan="6">当日新增人员</th>
            <th lay-data="{align:'center'}" colspan="6">3.1以来人员</th>
            <th lay-data="{field: 'c32',align:'center',width:150}" rowspan="4">当日解除隔离人数</th>
            <th lay-data="{align:'center'}" colspan="2">累计入境人数3月1日至</th>
        </tr>
        <tr>
            <th lay-data="{ align:'center'}" colspan="2">当日入境数</th>
            <th lay-data="{ align:'center'}" colspan="4">第一次核酸检测情况</th>
            <th lay-data="{field: 'c8', align:'center',width:150}" rowspan="3">未做检测人数</th>
            <th lay-data="{ align:'center'}" colspan="2">正在隔离人数</th>
            <th lay-data="{ align:'center'}" colspan="4">第一次检测情况</th>
            <th lay-data="{ align:'center'}" colspan="4">第二次检测情况</th>
            <th lay-data="{field: 'c19', align:'center',width:150}" rowspan="3">未做核酸检测人数</th>
            <th lay-data="{ align:'center'}" colspan="6">抗体检测</th>
            <th lay-data="{ align:'center'}" colspan="6">抗体检测</th>
            <th lay-data="{ field: 'c33',align:'center'}" rowspan="3">中国</th>
            <th lay-data="{ field: 'c34',align:'center'}" rowspan="3">外国</th>
        </tr>
        <tr>
            <th lay-data="{ field: 'c2',align:'center'}" rowspan="2">中国</th>
            <th lay-data="{ field: 'c3',align:'center'}" rowspan="2">外国</th>
            <th lay-data="{ field: 'c4',align:'center',width:150}" rowspan="2">核酸检测人数</th>
            <th lay-data="{ align:'center'}" colspan="3">检测结果</th>
            <th lay-data="{ field: 'c9',align:'center'}" rowspan="2">中国</th>
            <th lay-data="{ field: 'c10',align:'center'}" rowspan="2">外国</th>
            <th lay-data="{ field: 'c11',align:'center',width:150}" rowspan="2">核酸检测人数</th>
            <th lay-data="{ align:'center'}" colspan="3">检测结果</th>
            <th lay-data="{ field: 'c15',align:'center',width:150}" rowspan="2">核酸检测人数</th>
            <th lay-data="{ align:'center'}" colspan="3">检测结果</th>
            <th lay-data="{ align:'center'}" colspan="3">IgM抗体检测</th>
            <th lay-data="{ align:'center'}" colspan="3">IgG抗体检测</th>
            <th lay-data="{ align:'center'}" colspan="3">IgM抗体检测</th>
            <th lay-data="{ align:'center'}" colspan="3">IgG抗体检测</th>
        </tr>
        <tr>

            <th lay-data="{field: 'c5', align:'center'}" >阴性</th>
            <th lay-data="{ field: 'c6',align:'center'}" >阳性</th>
            <th lay-data="{ field: 'c7',align:'center',width:85}" >等待结果</th>
            <th lay-data="{ field: 'c12',align:'center'}" >阴性</th>
            <th lay-data="{ field: 'c13',align:'center'}" >阳性</th>
            <th lay-data="{ field: 'c14',align:'center',width:85}" >等待结果</th>
            <th lay-data="{ field: 'c16',align:'center'}" >阴性</th>
            <th lay-data="{ field: 'c17',align:'center'}" >阳性</th>
            <th lay-data="{ field: 'c18',align:'center',width:85}" >等待结果</th>
            <th lay-data="{field: 'c20', align:'center'}" >阴性</th>
            <th lay-data="{ field: 'c21',align:'center'}" >阳性</th>
            <th lay-data="{ field: 'c22',align:'center',width:85}" >等待结果</th>
            <th lay-data="{field: 'c23', align:'center'}" >阴性</th>
            <th lay-data="{ field: 'c24',align:'center'}" >阳性</th>
            <th lay-data="{field: 'c25', align:'center',width:85}" >等待结果</th>
            <th lay-data="{ field: 'c26',align:'center'}" >阴性</th>
            <th lay-data="{field: 'c27', align:'center'}" >阳性</th>
            <th lay-data="{field: 'c28', align:'center',width:85}" >等待结果</th>
            <th lay-data="{field: 'c29', align:'center'}" >阴性</th>
            <th lay-data="{field: 'c30', align:'center'}" >阳性</th>
            <th lay-data="{field: 'c31', align:'center',width:85}" >等待结果</th>

        </tr>
        </thead>
    </table>

</block>
<block name="script">

    <script type="text/html" id="barDemo">
        <a class="layui-btn  layui-btn-xs " lay-event="edit"><i class="fa fa-pencil"></i> 编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete"> <i class="fa fa-trash-o"></i> 删除</a>
    </script>
    <script type="text/javascript">
        layui.use(['element', 'table', 'form', 'tree'], function () {
            var table = layui.table
                , element = layui.element
                , form = layui.form;

            //监听单元格事件
            form.on('submit(docsearch_btn)', function (data) {
                table.reload('list', {
                    url: "{:Url('lists')}"
                    , page: {
                        curr: 1
                    }
                    , where: data.field
                });
                return false;
            });
            form.on('select(doc_type)', function (data) {
                table.reload('list', {
                    url: "{:Url('lists')}"
                    , page: {
                        curr: 1
                    }
                    , where: {
                        status: data.value
                    }
                });
                return false;
            });
        });
    </script>
</block>
